import store from "@/store/index.js"
const upColor=store.getters["user/getUpColor"]
const downColor=store.getters["user/getDownColor"]
export default {
	backgroundColor: "#fff",
	//量 柱状图 涨跌颜色映射
	visualMap: {
		show: false,
		seriesIndex: 0,
		dimension: 2,
		pieces: [{
			value: 1,
			color: downColor
		}, {
			value: -1,
			color: upColor
		}]
	},
	// 横坐标
	xAxis: [{
		type: 'category',
		data: [],
		// 坐标轴轴线相关设置。
		axisLine: {
			lineStyle: {
				color: "#eee",
			}
		},
		//坐标轴刻度相关设置。
		axisTick: {
			show: false,
		},
		splitLine: {
			show: true,
			lineStyle: {
				color: "#eee",
				type: "dashed"
			}
		},
		axisLabel:{
			color:"#999"
		}
	}],
	// 纵坐标
	yAxis: [{
		type: 'value',
		position: "right",
		//坐标轴线线的颜色。
		axisLine: {
			lineStyle: {
				color: "#eee",
			}
		},
		//坐标轴刻度相关设置。
		axisTick: {
			show: false,
		},
		//坐标轴的分割段数
		splitNumber: 3,
		//是否显示分隔线。默认数值轴显示，类目轴不显示。
		splitLine: {
			show: true,
			lineStyle: {
				color: "#eee",
				type: "dashed"
			}
		},
		axisLabel:{
			color:"#999"
		}
	}],
	// 距离底部距离
	grid: {
		top: "4%",
		left: "0%",
		right: "4%",
		bottom: "2%",
		containLabel: true,
	},
	//slider时不开启动画
	animation:false,
	//所谓『内置』，即内置在坐标系中。
	// 平移：在坐标系中滑动拖拽进行数据区域平移。
	// 缩放：
	// PC端：鼠标在坐标系范围内滚轮滚动（MAC触控板类同）
	// 移动端：在移动端触屏上，支持两指滑动缩放。
	dataZoom: [{
		show: false,
		type: 'slider',
		xAxisIndex: 0,
		realtime: false,
		top: 65,
		height: 20,
		handleIcon: 'path://M10.7,11.9H9.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
		handleSize: '120%'
	}, {
		show: true,
		type: 'inside',
		xAxisIndex: 0,
		top: 30,
		height: 20
	}],
	series: [ {
		scale: true,
		name: '量',
		type: 'bar',
		data: []
	}, ]
}
